<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>凉山州2018年中考志愿填报</title>
    <link rel="stylesheet" href="css/newStyle.css">
</head>
<body>
<div class="mainBox">
    <div class="mainBox_inner">
        <h1>凉山州2018年中考志愿填报系统(学生端)</h1>
        <div class="formOutBox">
            <h2>找回密码</h2>
            <form action="" method="post" id=forgetpassword class="formbox">
                <div class="form_item">
                    <label for="uphone">手机号码&emsp;：</label>
                    <input type="text" name="uphone" id="uphone" maxlength="11">
                    <button type="button" class="getCode">获取验证码</button>
                </div>
                <div class="form_item">
                    <label for="phonecode">手机验证码：</label>
                    <input type="text" name="phonecode" id="phonecode" maxlength="8">
                </div>
                <div class="form_item">
                    <label for="newpassword">新&emsp;密&emsp;码：</label>
                    <input type="text" name="newpassword" id="newpassword" maxlength="15">
                </div>
                <div class="form_item">
                    <label for="newpasswordAgin">确认新密码：</label>
                    <input type="text" name="newpasswordAgin" id="newpasswordAgin" maxlength="15">
                </div>
                <div class="form_item btnbox">
                    <button type="button" id="forgotpassword" class="btnclass">提交</button>
                </div>
            </form>
            <div class="tipsBox">
                <ul>
						<li>考生使用报名号登录，初始密码为身份证号后8位，初次登录后必须修改密码</li>
						<li>特色项目和艺体特长生报名时间为2018年6月15日8：00-17日18：00</li>
						<li>普通高中志愿填报时间为2018年6月25日8：00-27日18：00</li>
						<li>中等职业学校（含5年高职、三年中职）志愿填报时间为2018年6月15日8：00-6月29日18：00</li>
						<li>普通高中志愿与五年制高职志愿不得兼报</li>
						<li>中等职业学校补报志愿截至时间为2018年7月4日</li>
						<li>报考"9+3"免费中等职业学校,必须到县招生办公室填报志愿 体检 建档等</li>
                </ul>
            </div>
        </div>
    </div>
</div>
</body>
<script src="js/jquery-1.12.3.js"></script>
<script src="js/gVerify.js"></script>
<script src="js/commen.js"></script>
<script src="js/checkPassword.js"></script>
<script src="js/checkPhoneno.js"></script>
<script>

    /*获取验证码*/
    $('.getCode').on('click',function () {
        var uphone=$('#uphone').val().trim();//获取输入的手机号
        console.log(uphone);
        $(this).attr('disabled',true);//禁用按钮
        //验证手机号码格式
        if (iphoneCheck(uphone)) {
        	clearInterval(t);
        	var time = 60;
            var t;
            t=setInterval(function () {
                time--;
                if(time<1){
                    $('.getCode').html('再次获取');
                    clearInterval(t);
                    $('.getCode').removeAttr('disabled');//解除禁用
                }else {
                    $('.getCode').html(time+'s');
                }
            },1000)
        }else {
        	alert("输入的手机号码格式不正确！");
        }
        
    })

    //点击提交按钮
    $("#forgotpassword").on('click',function () {

        /*你的数据判断*/
		var newpassword = $("#newpassword").val(); 
    	//检查是否没有输入密码
    	if(newpassword=="" ||$("#newpasswordAgin").val()=="" || $('#uphone').val()=="" || $('#phonecode').val()=="") {
    		alert("不允许有空值！");
    	}else {
    		//检查新密码两次输入是否一致
    		if(newpassword == $("#newpasswordAgin").val()){
    			/*你的数据判断,主要判断该用户的老密码输入是否正确*/
    			if (check_str(newpassword) == true) {
    				//判断完后提交代码
    				$('#forgetpassword').submit();//这个是直接提交form表单的方式
    				/*以下是ajax请求的时候需要使用，如果不实用ajax请求，则忽略*/
    				/*
    				var data = new Object();
    				data.act = "changePassword";
    				data.bmh = $("#bmh").val();
    				data.oldpassword = $("#oldpassword").val();
    				data.newpassword = $("#newPasswordOne").val();
    				data.newpasswordAgin = $("#newPasswordTwo").val();
    				var data_str = JSON.stringify(data);
    				 //传给后台数据的格式：
    				 //{"act":"changePassword","bmh":"11111","oldpassword":"b111111111","newpassword":"a11111111",
    				 //"newpasswordAgin":"a11111111"}	
    				$.ajax({
    					type:"get",
    					url:"",
    					data: data_str,
    		            dataType: "json",
    		            success:function (data) {//直接在后台判断输入的老密码是否正确
    		                console.log(data);
    		                if (data == true) {
    		                	alert("修改成功！");
    		                }else {
    		                	alert("对不起"+data);
    		                }
                		}
    				});
    				 */
    				/*以下是ajax请求的时候需要使用，如果不实用ajax请求，则忽略*/
    			}else {
    				alert(check_str(newpassword));
    			}
    		}else {
    			alert("两次输入的密码不同，请重新输入！");
    		}
    	}
        
        
    })
</script>
</html>